

        
        @media (max-width: 1600px){
            .headSwiper .palace.txt .flip p{
                font-size: 54px;
                line-height: 1.2;
            }
            .headSwiper .palace.txt .flip p{
                padding: 0px 300px;
            }
            main .c .contn .txtBg.frozen,
            main .c .contn .txt.frozen{
                left: -40px;
            }
            main .c .contn .txt .box{
                padding: 0px 40px;
            }
            main .c .contn .txt .box .ttl{
                font-size: 42px;
                padding-bottom: 32px;
            }
            main .c.medical .footage .tip{
                font-size: 130px;
            }
            main .idea .content .ttl{
                font-size: 45px;
            }
        }
        
        @media (max-width:1550px){
            main .news .contn{
                width: 100%;
                padding: 0px 100px;
            }
            main .news .contn .btn.prev{
                left: 30px;
            }
            main .news .contn .btn.next{
                right: 30px;
            }
            main .news .contn .name{
                left: 100px;
            }
        }
        @media(max-width:1250px){
            main .news .contn{
                height: 32vw;
            }
            main .news .contn .txt .item .ttl{
                font-size: 22px;
                line-height: 1.5;
            }
            main .news .contn .txt .item .t{
                font-size: 14px;
                line-height: 1.6;
            }
            main .news .contn .txt{
                height: 96%;
            }
        }
        @media(max-width:1200px){
            .headSwiper .palace.txt .flip p{
                padding: 0px 150px;
            }
            main .idea{
                margin-top: -1000px;
                padding-top: 1200px;
            }
            main .idea:before{
                top: 800px;
            }
        }
        @media(max-width:1150px){
            main .c .footage .mid{
                padding-bottom: 42%;
            }
            main .c .footage .mid .content{
                width: 40%;
                top:50px;
            }
            main .c .footage .mid .content .ttl{
                font-size: 22px;
            }
            main .c .footage .mid .content .t{
                font-size: 14px;
            }
            main .c.medical .footage{
                padding-bottom: 42px;
            }
            main .c.medical .footage .inter{
                margin-top: 54px;
            }
            main .c.medical .footage .inter .num{
                font-size: 150px;
            }
            main .c.medical .footage .inter .num:after{
                left: 85%;
            }
            main .c .footage .mid .content .scrollDown{
                opacity: 0;
            }
            main .c.medical:after{
                width: 400px;
                height: 400px;
                left: calc(50% - 200px);
                bottom: 45px;
            }
            main .c.medical .footage .tip{
                font-size: 100px;
                top: -20px;
            }
        }
        @media(max-width:1052px){
            main .c .contn .txtBg.frozen,
            main .c .contn .txt.frozen{
                left: -25px;
            }
            main .c .contn, main .c .footage{
                width: 100%;
            }
            main .c .footage .mid{
                padding-bottom: 46%;
            }
            main .c .contn .picSwiper{
                width: 1052px !important;
            }
            main .c .contn .txt .box .ttl{
                font-size: 36px;
            }
            main .c .contn .txt .box .t{
                font-size: 14px;
                padding-right: 280px;
            }
        }

        @media(max-width:1024px){
            .headSwiper .palace.txt .flip p{
                padding: 0px 50px;
            }
            main .news .arw{
                padding-top: 135px;
            }
            main .news .contn{
                flex-direction: column;
                width: 100%;
                padding: 0px;
                height: initial;
            }
            main .news .contn .opacity{
                width: 90%;
                height: 60vw;
                margin-left: 0px;
                flex: initial;
            }
            main .news .contn .opacity:after{
                bottom: -15px;
            }
            main .news .contn .btn{
                top: 30vw;
            }
            main .news .contn .btn.next{
                right: calc(5% - 25px);
            }
            main .news .contn .btn.prev{
                left: calc(5% - 25px);
            }
            main .news .contn .txt{
                width: 100%;
                padding: 0 18%;
                padding-top: 35px;
                margin-left: 0px;
            }
            main .news .contn .txt{
                height: initial;
            }
            main .news .contn .txt .box{
                height: 0px;
                transition: height .4s ease;
            }
            main .news .contn .txt .item{
                padding: 0px;
                height: initial;
            }
            main .news .txt>span,
            main .news .contn .txt .item:after{
                display: none;
            }
            main .news .contn .txt .item .ttl{
                font-size: 24px;
            }
        }
        @media(max-width:950px){
            .letter .box{
                width: calc(100vw - 17px);
                height: calc(77vw - 17px * .77);
            }
        }
        @media (max-width:767px){
            main .more span{
                font-size: 12px;
            }
            .headSwiper{
                height: 60vh;
            }
            .letter .box,
            .headSwiper .palace.contrary{
                height: 63vw;
                width: 82vw;
                bottom: 21vw;
            }
            .letter{
                height: 100vh;
            }
            .letter .box{
                bottom: calc(40vh + 21vw);
            }
            .headSwiper .palace.txt{
                top: 120px;
            }
            .headSwiper .palace.txt .flip p{
                font-size: 24px;
            }
            .headSwiper .arrow{
                width: 150px;
                height: 150px;
                transform-origin: 140px 140px;
                transform: translate(10px,10px) rotate(45deg);
            }
            .headSwiper .arrow span:first-child{
                height: 10px;
            }
            .headSwiper .arrow span:last-child{
                width: 10px;
            }
            main .c{
                margin-top: -35px;
            }
            main .c .contn, 
            main .c .footage{
                width: 82vw;
            }
            main .c .contn .picSwiper{
                width: 82vw !important;
            }
            main .c .contn .picSwiper:first-child{
                height: 83vw;
            }
            .headSwiper.frozen .scrollDown,
            main .c .contn .txtBg:after,
            main .c .contn .txt .box>*,
            main .c .footage .mid .content .ttl,
            main .c.busns .footage .mid .content::before,
            main .c.busns .footage .mid .content::after,
            main .c.medical .footage .inter,
            main .c.medical:after,
            main .idea:before,
            main .news .arw:before{
                display: none;
            }
            main .c .contn .txt .box, 
            main .c .contn .txtBg{
                width: 205px;
                height: 100px;
            }
            main .c .contn .txtBg.frozen, 
            main .c .contn .txt.frozen{
                left: -9vw;
            }
            main .c .contn .txt .box{
                padding: 0 0 0 9vw;
            }
            main .c .contn .txt .box .ttl{
                display: block;
                padding-bottom: 0px;
                font-size: 20px;
            }
            main .c .footage .mid{
                padding-bottom: 80%;
            }
            main .c .footage .mid .content .t{
                font-size: 12px;
            }
            main .c.busns .footage .mid .content{
                transform: translateX(-50%);
                color: #fff;
                top: 50px;
            }
            main .c.busns .footage .mid .content .t{
                color: #fff;
            }
            
            main .c.medical:before{
                height: 600px;
            }
            main .c.medical .footage{
                padding-bottom: 45px;
            }
            main .c.medical .footage .tip{
                font-size: 10vw;
                letter-spacing: 5px;
            }
            main .c .footage .mid{
                padding-bottom: 0px;
                min-height: 300px;
            }
            main .c .footage .mid .content .t{
                padding-bottom: 15px;
            }
            main .c .footage .mid .content{
                display: block;
                width: 50% !important;
                margin: 0 auto;
                padding-top: 96px;
                position: initial;
                transform: translateY(100px) !important;
            }
            main .c .footage .mid .content.frozen{
                transform: translateY(0px) !important;
            }
            

            main .idea{
                margin-top: -550px;
                padding-top: 640px;
                padding-bottom: 50px;
            }
            main .idea .content .ttl{
                font-size: 28px;
            }
            main .idea .content{
                width: 70%;
            }
            main .idea .content .t{
                font-size: 14px;
            }

            main .news{
                padding-bottom: 55px;
            }
            main .news .arw{
                padding-top: 40px;
            }
            main .news .contn .name{
                display: none;
            }
            main .news .contn .opacity:after{
                width: 254px;
                height: 150px;
                left: -13px;
                bottom: -30px;
            }
            main .news .contn .txt{
                transition: initial;
            }
            main .news .contn .txt.hidden{
                transform: translateX(0px);
            }
            main .news .contn .txt .item{
                transition: opacity .4s ease;
            }
            main .news .contn .txt .item .ttl{
                font-size: 20px;
            }
            main .news .contn .btn{
                top: calc(60vw + 45px);
                transform: translateY(0px);
            }
            main .news .contn .btn.prev{
                left: 5px;
            }
            main .news .contn .btn.next{
                right: 5px;
            }
        }
        
        @media(max-width:450px){
            .letter .box .skew.rht{
                top: 65%;
            }
            main .c .footage .mid .content{
                width: 200px !important;
            }
        }